Linea de comandos
Para lanzar una aplicación de ionic lo hacemos con el siguiente comando:
ionic serve
Extension ionic
Para lanzar la aplicación web desde ionic lo hacemos con la opcion Run > Web
/1.png)
Para lanzar una aplicación de ionic lo hacemos con el siguiente comando:
ionic serve
Para lanzar la aplicación web desde ionic lo hacemos con la opcion Run > Web
Antes de nada tenemos que instalar Android Studio (recomendable hacerlo en /usr/local/, simplemente poner ahí la carpeta android-studio)
Para poder ejecutar nuestra aplicación en un dispositivo movil primero tenemos que generar el proyecto android.
Primero necesitamos instalar el siguiente paquete:
npm install @capacitor/android
A continuación lanzamos el siguiente comando para generar el proyecto android:
ionic capacitor add android
El siguiente comando genera una build de proyecto, (si queremos depurar el proyecto tendremos que usar --configuration=development en vez de --prod)
ionic capacitor build android --prod
El siguiente comando copia los archivos generados por la build en el proyecto de android
ionic capacitor sync
Una vez llegados a este punto simplemente podemos abrir la carpeta android de nuestro proyecto con el Android Studio y ejecutar la aplicación en un emulador.
Para simplificar estos comandos podemos instalar la extensión de Ionic en el VSCode que nos permite hacer builds, live reload, lanzar el emulador y mas opciones desde la interfaz de VSCode
Necesitamos incluir las siguientes variables de entorno (en linux podemos meterlas en ~/.profile):
export ANDROID_SDK_ROOT="$HOME/Android/Sdk"
PATH="$PATH:$ANDROID_SDK_ROOT/platform-tools"
PATH="$PATH:$ANDROID_SDK_ROOT/tools"La manera mas simple de utilizar la extensión es marcar la opción de Live reload y en la sección Run elegir Android:
/2.png)
En la opción de Android podemos hacer click en los 3 puntos (...) para elegir en que emulador queremos lanzar la aplicación.
NOTA: En ocasiones tenemos que darle dos veces a la opción de Android la primera vez se inicia el live server y el Android Studio para poder ejecutar la aplicación, aunque no es necesario usar el Android Studio, si volvemos a hacer click una segunda vez en la opción Android dentro de Run se abríra un emulador y se lanzará la aplicación en dicho emulador, evitandonos tener que usar Android Studio (la ventana que se abre de Android Studio podemos cerrarla)
/5.png)
Si a la hora de lanzar la aplicación obtenemos un error relacionado con "capacitor" podemos lanzar el build y el sync desde la extensión de ionic:
/3.png)
En la opción de build podemos hacer click en los 3 puntos (...) para seleccionar que tipo de build hacer, production o development (esta segunda nos sirve para depurar)
/4.png)
Ionic | Android | Web